import { AsideThemeSetting, HeaderThemeSetting, LayoutHeaderComponent, TabViewThemeSetting, ThemeSetting } from "./types"

export const themeSelector: string[] = [
    "#2d8cf0",
    "#0960bd",
    "#0084f4",
    "#009688",
    "#536dfe",
    "#ff5c93",
    "#ee4f12",
    "#0096c7",
    "#9c27b0",
    "#ff9800",
    "#FF3D68",
    "#00C1D4",
    "#71EFA3",
    "#171010",
    "#78DEC7",
    "#1768AC",
    "#FB9300",
    "#FC5404"
]

/**
 * 主题配置
 */
export const themeSettings: ThemeSetting = {
    primaryColor: themeSelector[0],
    layout: "vertical",
    useTabView: true
}

export const headerThemeSettings: HeaderThemeSetting = {
    height: 50,
    color: themeSelector[0],
    fixed: true,
    inverted: false,
    bordered: true,
    lComponents: [LayoutHeaderComponent.collapse, LayoutHeaderComponent.pageRefresh],
    rComponents: [LayoutHeaderComponent.fullscreen, LayoutHeaderComponent.avatar]
}

export const asideThemeSettings: AsideThemeSetting = {
    width: 200,
    color: themeSelector[0],
    fixed: true,
    inverted: true,
    bordered: true,
    collapsedWidth: 80
}

export const tabViewThemeSettings: TabViewThemeSetting = {
    height: 34,
    type: "card",
    components: []
}
